<template>
  <div id="app">
    <main-header></main-header>
    <main-todo> </main-todo>
    <main-footer></main-footer>
  </div>
</template>

<script>
// 打包工具允许不写后缀名(.vue .js),此时支持文件夹和文件的两种情况

import MainHeader from "./components/MainHeader";
import MainTodo from "./components/MainTodo";
import MainFooter from "./components/MainFooter";

export default {
  name: "App",
  components: {
    MainHeader,
    MainTodo,
    MainFooter,
  },

  // 为什么这个函数会触发两次呢？
  /* mounted() {
    alert("点击左上角可以更换背景！！！");
  }, */
};
</script>

<style lang="stylus">
@import "~styles/reset.styl";
</style>
